<div ng-controller="z-salaryTotal-c" z-loading is-loading="viewModel.isLoading">
    <div viewstack class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <div class="row">
                    <div class="col-lg-12 heading">
                        <ul id="crumb" class="breadcrumb">
                            <li>
                                <i class="im-home"></i>
                                <a href="index.html">首页</a>
                            </li>
                            <li ng-repeat="menu in viewModel.menuList">
                                <i class="{{menu.icons}}" ng-if="$index+1!=viewModel.menuList.length"></i>
                                <i class="en-arrow-right7" ng-if="$index+1==viewModel.menuList.length"></i>
                                {{menu.label}}
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="outlet">
                    <div class="panel-body">
                        <form class="form-horizontal group-border hover-stripped" role="form" name="form">
                            <div class="row">
                                <!-- 检索条件 -->
                                <div class="col-xs-12 col-sm-10 col-md-11 form-box">
                                	<div class="col-sm-6 col-md-4 col-lg-3 form-item">
                                        <div class="col-sm-5 col-md-5 form-title"><span style="color:red;">*</span>年份：</div>
                                        <div class="col-sm-7 col-md-7 form-input"
                                        	 ng-class="{ 'has-error' :  selectPopForm.year.$dirty && selectPopForm.year.$invalid}">
                                            <div class="input-group">
                                                <select name="year"
							                        class="form-control"
							                        ng-model="viewModel.year">
								                    <option ng-repeat="year in viewModel.yearList">{{year}}</option>
								                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4 col-lg-3 form-item">
                                        <div class="col-sm-5 col-md-5 form-title"><span style="color:red;">*</span>月份：</div>
                                        <div class="col-sm-7 col-md-7 form-input"
                                        	 ng-class="{ 'has-error' :  selectPopForm.month.$dirty && selectPopForm.month.$invalid}">
                                            <div class="input-group">
                                                <select name="month"
							                        class="form-control"
							                        ng-model="viewModel.month">
								                    <option value="1">01</option>
								                    <option value="2">02</option>
								                    <option value="3">03</option>
								                    <option value="4">04</option>
								                    <option value="5">05</option>
								                    <option value="6">06</option>
								                    <option value="7">07</option>
								                    <option value="8">08</option>
								                    <option value="9">09</option>
								                    <option value="10">10</option>
								                    <option value="11">11</option>
								                    <option value="12">12</option>
								                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4 col-lg-3 form-item">
                                        <div class="col-sm-5 col-md-5 form-title">公司：</div>
                                        <div class="col-sm-7 col-md-7 form-input">
                                            <div class="input-group">
                                                <select id="salaryCorporation" multiple="multiple" class="form-control"
                                                        ng-model="viewModel.corporationList" tabIndex="1">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4 col-lg-3 form-item">
                                        <div class="col-sm-5 col-md-5 form-title">部门：</div>
                                        <div class="col-sm-7 col-md-7 form-input">
                                            <div class="input-group">
                                                <select id="salaryDepartmentName" multiple="multiple" class="form-control"
                                                        ng-model="viewModel.departmentList" tabIndex="2">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-10 col-md-11 form-box">
                                    <div class="col-sm-6 col-md-4 col-lg-3 form-item">
                                        <div class="col-sm-5 col-md-5 form-title">员工：</div>
                                        <div class="col-sm-7 col-md-7 form-input">
                                            <div class="input-group">
                                                <textarea ng-model="viewModel.employeeNo" placeholder="员工号、中文名称、英文名称"
                                                          class="form-control elastic __web-inspector-hide-shortcut__"
                                                          rows="1"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4 col-lg-3 form-item">
                                        <div class="col-sm-5 col-md-5 form-title">员工级别：</div>
                                        <div class="col-sm-7 col-md-7 form-input">
                                            <div class="input-group">
                                                <select id="salarylevel" multiple="multiple" class="form-control"
                                                        ng-model="viewModel.employeeLevelList" tabIndex="4">
                                                    <option value="13">13</option>
                                                    <option value="14">14</option>
                                                    <option value="15">15</option>
                                                    <option value="16">16</option>
                                                    <option value="17">17</option>
                                                    <option value="18">18</option>
                                                    <option value="19">19</option>
                                                    <option value="20">20</option>
                                                    <option value="21">21</option>
                                                    <option value="22">22</option>
                                                    <option value="23">23</option>
                                                    <option value="24">24</option>
                                                    <option value="25">25</option>
                                                    <option value="26">26</option>
                                                    <option value="27">27</option>
                                                    <option value="28">28</option>
                                                    <option value="29">29</option>
                                                    <option value="30">30</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-4 col-lg-1 form-item">
                                        <div class="col-xs-12 col-sm-2 col-md-1">
											<button type="button" class="btn btn-success" ng-click="viewModel.search()"  tabIndex="10">搜索</button>
										</div>
                                    </div>
                                </div> 
                                <div class="col-xs-12 col-sm-10 col-md-11 form-box"> <!-- col-sm-8 col-md-3 form-input form-btns  -->
                                    <div class="col-sm-6 col-md-4 col-lg-8 form-item">
                                        <button id="dLabel" class="btn btn-lime"
                                                ng-click="viewModel.salaryButton($event)" type="button"
                                                data-toggle="dropdown" aria-haspopup="true"
                                                style="margin-left: 0px"
                                                aria-expanded="false" style="height:32px;">筛选<span
                                                class="caret"></span>
                                        </button>
                                        
                                        <ul class="salaryUl" ng-show="viewModel.ulShow">
                                            <li ng-repeat="salary in viewModel.checkList">
                                            	<input type="checkbox"	ng-checked="1"
                                                      		ng-click="viewModel.checkbox(salary.dicId)">{{salary.dicName}}
                                            </li>
                                        </ul>
                                        <button class="btn btn-success"
                                            ng-click="viewModel.download()">下载
                                    	</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="outlet">
                    <div style="overflow-x: auto;">
                        <table class="table table-striped table-bordered" cellspacing="0" id="salaryTatal-table" style="width:100%;">
                            <thead class="report-scroll">
	                            <tr>
	                                <th class="thead1" colspan="12">基本信息</th>
	                                <th class="thead2" colspan="1">工作日历明细</th>
	                                <th class="thead3" colspan="6">考勤异常明细</th>
	                                <th class="thead4" colspan="3">加班明细(天)</th>
	                                <th class="thead5" colspan="10">请假明细(天)</th>
	                                <th class="thead6" colspan="1"></th>
	                            </tr>
	                            <tr class="report-tr">
	                                <th ng-show="viewModel.checkbox1">
	                                    <div>一级架构</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox2">
	                                    <div>二级架构</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox3">
	                                    <div>三级架构</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox4">
	                                    <div>四级架构</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox5">
	                                    <div>工号</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox6">
	                                    <div>中文名</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox7">
	                                    <div>英文名</div>
	                                </th>
	                                <th>
						               <div>性别</div>
						            </th>
						            <th>
						               <div>员工级别</div>
						            </th>
	                                <th ng-show="viewModel.checkbox8">
	                                    <div>岗位</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox9">
	                                    <div>入职日期</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox10">
	                                    <div>离职日期</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox11">
	                                    <div style="width: 90px;">应出勤天数</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox13">
	                                    <div>迟到次数</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox14">
	                                    <div>迟到扣款</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox15">
	                                    <div>早退次数</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox16">
	                                    <div>早退扣款</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox17">
	                                    <div>旷工次数</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox18">
	                                    <div>补签次数</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox19">
	                                    <div>平日加班</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox20">
	                                    <div>双休加班</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox21">
	                                    <div>节日加班</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox22">
	                                    <div>年假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox23">
	                                    <div>调休</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox24">
	                                    <div>事假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox25">
	                                    <div>病假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox26">
	                                    <div>婚假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox27">
	                                    <div>产假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox28">
	                                    <div>产检</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox29">
	                                    <div>陪护假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox30">
	                                    <div>哺乳假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox31">
	                                    <div>丧假</div>
	                                </th>
	                                <th ng-show="viewModel.checkbox32">
	                                    <div>备注</div>
	                                </th>
	                            </tr>
                            </thead>
                            <!--  与thead对应 待定-->
                            <tbody class="report-scroll-body">
	                            <tr ng-repeat="salaryDetail in viewModel.dataList">
	                                <td ng-show="viewModel.checkbox1">
	                                    <div>{{salaryDetail.deptmentNameOne}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox2">
	                                    <div>{{salaryDetail.deptmentNameTwo}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox3">
	                                    <div>{{salaryDetail.deptmentNameThree}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox4">
	                                    <div>{{salaryDetail.deptmentNameFour}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox5">
	                                    <div>{{salaryDetail.employeeNo}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox6">
	                                    <div>{{salaryDetail.chineseName}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox7">
	                                    <div>{{salaryDetail.englishName}}</div>
	                                </td>
	                                <td>
						                <div>
						                	<span ng-if="salaryDetail.sex==1">男</span>	
						                    <span ng-if="salaryDetail.sex==2">女</span>
						                </div>
						            </td>
						            <td>
						                <div>{{salaryDetail.level}}</div>
						            </td>
	                                <td ng-show="viewModel.checkbox8">
	                                    <div>{{salaryDetail.roleName}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox9">
	                                    <div>{{salaryDetail.entryDate | date:'yyyy/MM/dd'}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox10">
	                                    <div>{{salaryDetail.employeeSeparatedDate | date:'yyyy/MM/dd'}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox11">
	                                    <div ng-if="salaryDetail.beAttendanceDaysCor!=null" style="width: 96px;">{{salaryDetail.beAttendanceDaysCor}}</div>
	                                    <div ng-if="salaryDetail.beAttendanceDaysCor==null && salaryDetail.beAttendanceDays!=null" style="width: 96px;">{{salaryDetail.beAttendanceDays}}</div>
	 	                                <div ng-if="salaryDetail.beAttendanceDaysCor==null && salaryDetail.beAttendanceDays==null" style="width: 96px;"></div>
	                                </td>
	                                <td ng-show="viewModel.checkbox13">
	                                    <div ng-if="salaryDetail.lateCountCor!=null">{{salaryDetail.lateCountCor}}</div>
	                                    <div ng-if="salaryDetail.lateCountCor==null && salaryDetail.lateCount!=null">{{salaryDetail.lateCount}}</div> 
	                                	<div ng-if="salaryDetail.lateCountCor==null && salaryDetail.lateCount==null">{{salaryDetail.lateCount}}</div> 
	                                </td>
	                                <td ng-show="viewModel.checkbox14">
	                                    <div ng-if="salaryDetail.lateMoneyCor!=null">{{salaryDetail.lateMoneyCor}}</div>
	                                    <div ng-if="salaryDetail.lateMoneyCor==null && salaryDetail.lateMoney!=null">{{salaryDetail.lateMoney}}</div>
	                                    <div ng-if="salaryDetail.lateMoneyCor==null && salaryDetail.lateMoney==null">{{salaryDetail.lateMoney}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox15">
	                                    <div ng-if="salaryDetail.leaveEarlyCountCor!=null">{{salaryDetail.leaveEarlyCountCor}}</div>
	                                    <div ng-if="salaryDetail.leaveEarlyCountCor==null && salaryDetail.leaveEarlyCount!=null">{{salaryDetail.leaveEarlyCount}}</div>
	                                    <div ng-if="salaryDetail.leaveEarlyCountCor==null && salaryDetail.leaveEarlyCount==null">{{salaryDetail.leaveEarlyCount}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox16">
	                                    <div ng-if="salaryDetail.leaveEarlyMoneyCor!=null">{{salaryDetail.leaveEarlyMoneyCor}}</div>
	                                    <div ng-if="salaryDetail.leaveEarlyMoneyCor==null && salaryDetail.leaveEarlyMoney!=null">{{salaryDetail.leaveEarlyMoney}}</div>
	                                    <div ng-if="salaryDetail.leaveEarlyMoneyCor==null && salaryDetail.leaveEarlyMoney==null">{{salaryDetail.leaveEarlyMoney}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox17">
	                                    <div ng-if="salaryDetail.absentCountCor!=null">{{salaryDetail.absentCountCor}}</div>
	                                    <div ng-if="salaryDetail.absentCountCor==null && salaryDetail.absentCount!=null">{{salaryDetail.absentCount}}</div>
	                                    <div ng-if="salaryDetail.absentCountCor==null && salaryDetail.absentCount==null">{{salaryDetail.absentCount}}</div>
	                                </td>
									<td ng-show="viewModel.checkbox18">
	                                    <div ng-if="salaryDetail.retroactiveCountCor!=null">{{salaryDetail.retroactiveCountCor}}</div>
	                                    <div ng-if="salaryDetail.retroactiveCountCor==null && salaryDetail.retroactiveCount!=null">{{salaryDetail.retroactiveCount}}</div>
	                                    <div ng-if="salaryDetail.retroactiveCountCor==null && salaryDetail.retroactiveCount==null">{{salaryDetail.retroactiveCount}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox19">
	                                    <div ng-if="salaryDetail.overtimeNomalCor!=null">{{salaryDetail.overtimeNomalCor}}</div>
	                                    <div ng-if="salaryDetail.overtimeNomalCor==null && salaryDetail.overtimeNomal!=null">{{salaryDetail.overtimeNomal}}</div>
	                                    <div ng-if="salaryDetail.overtimeNomalCor==null && salaryDetail.overtimeNomal==null">{{salaryDetail.overtimeNomal}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox20">
	                                    <div ng-if="salaryDetail.overtimeWeekendCor!=null">{{salaryDetail.overtimeWeekendCor}}</div>
	                                    <div ng-if="salaryDetail.overtimeWeekendCor==null && salaryDetail.overtimeWeekend!=null">{{salaryDetail.overtimeWeekend}}</div>
	                                    <div ng-if="salaryDetail.overtimeWeekendCor==null && salaryDetail.overtimeWeekend==null">{{salaryDetail.overtimeWeekend}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox21">
	                                    <div ng-if="salaryDetail.overtimeHolidayCor!=null">{{salaryDetail.overtimeHolidayCor}}</div>
	                                    <div ng-if="salaryDetail.overtimeHolidayCor==null && salaryDetail.overtimeHoliday!=null">{{salaryDetail.overtimeHoliday}}</div>
	                                    <div ng-if="salaryDetail.overtimeHolidayCor==null && salaryDetail.overtimeHoliday==null">{{salaryDetail.overtimeHoliday}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox22">
	                                    <div ng-if="salaryDetail.restYearUsedCor!=null">{{salaryDetail.restYearUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restYearUsedCor==null && salaryDetail.restYearUsed!=null">{{salaryDetail.restYearUsed}}</div>
	                                    <div ng-if="salaryDetail.restYearUsedCor==null && salaryDetail.restYearUsed==null">{{salaryDetail.restYearUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox23">
	                                    <div ng-if="salaryDetail.restTuneUsedCor!=null">{{salaryDetail.restTuneUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restTuneUsedCor==null && salaryDetail.restTuneUsed!=null">{{salaryDetail.restTuneUsed}}</div>
	                                    <div ng-if="salaryDetail.restTuneUsedCor==null && salaryDetail.restTuneUsed==null">{{salaryDetail.restTuneUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox24">
	                                    <div ng-if="salaryDetail.restThingUsedCor!=null">{{salaryDetail.restThingUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restThingUsedCor==null && salaryDetail.restThingUsed!=null">{{salaryDetail.restThingUsed}}</div>
	                                    <div ng-if="salaryDetail.restThingUsedCor==null && salaryDetail.restThingUsed==null">{{salaryDetail.restThingUsed}}</div>
	                                </td>
									<td ng-show="viewModel.checkbox25">
	                                    <div ng-if="salaryDetail.restIllUsedCor!=null">{{salaryDetail.restIllUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restIllUsedCor==null && salaryDetail.restIllUsed!=null">{{salaryDetail.restIllUsed}}</div>
	                                    <div ng-if="salaryDetail.restIllUsedCor==null && salaryDetail.restIllUsed==null">{{salaryDetail.restIllUsed}}</div>
	                                </td>
									<td ng-show="viewModel.checkbox26">
	                                    <div ng-if="salaryDetail.restMarryUsedCor!=null">{{salaryDetail.restMarryUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restMarryUsedCor==null && salaryDetail.restMarryUsed!=null">{{salaryDetail.restMarryUsed}}</div>
	                                    <div ng-if="salaryDetail.restMarryUsedCor==null && salaryDetail.restMarryUsed==null">{{salaryDetail.restMarryUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox27">
	                                    <div ng-if="salaryDetail.restBornUsedCor!=null">{{salaryDetail.restBornUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restBornUsedCor==null && salaryDetail.restBornUsed!=null">{{salaryDetail.restBornUsed}}</div>
	                                    <div ng-if="salaryDetail.restBornUsedCor==null && salaryDetail.restBornUsed==null">{{salaryDetail.restBornUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox28">
	                                    <div ng-if="salaryDetail.restCheckUsedCor!=null">{{salaryDetail.restCheckUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restCheckUsedCor==null && salaryDetail.restCheckUsed!=null">{{salaryDetail.restCheckUsed}}</div>
	                                    <div ng-if="salaryDetail.restCheckUsedCor==null && salaryDetail.restCheckUsed==null">{{salaryDetail.restCheckUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox29">
	                                    <div ng-if="salaryDetail.restBornAttendUsedCor!=null">{{salaryDetail.restBornAttendUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restBornAttendUsedCor==null && salaryDetail.restBornAttendUsed!=null">{{salaryDetail.restBornAttendUsed}}</div>
	                                    <div ng-if="salaryDetail.restBornAttendUsedCor==null && salaryDetail.restBornAttendUsed==null">{{salaryDetail.restBornAttendUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox30">
	                                    <div ng-if="salaryDetail.restSuckleUsedCor!=null">{{salaryDetail.restSuckleUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restSuckleUsedCor==null && salaryDetail.restSuckleUsed!=null ">{{salaryDetail.restSuckleUsed}}</div>
	                                    <div ng-if="salaryDetail.restSuckleUsedCor==null && salaryDetail.restSuckleUsed==null ">{{salaryDetail.restSuckleUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox31">
	                                    <div ng-if="salaryDetail.restDieUsedCor!=null">{{salaryDetail.restDieUsedCor}}</div>
	                                    <div ng-if="salaryDetail.restDieUsedCor==null && salaryDetail.restDieUsed!=null">{{salaryDetail.restDieUsed}}</div>
	                                    <div ng-if="salaryDetail.restDieUsedCor==null && salaryDetail.restDieUsed==null">{{salaryDetail.restDieUsed}}</div>
	                                </td>
	                                <td ng-show="viewModel.checkbox32">
	                                    <div ng-if="salaryDetail.descriptionCor!=null">{{salaryDetail.descriptionCor}}</div>
	                                    <div ng-if="salaryDetail.descriptionCor==null && salaryDetail.description!=null">{{salaryDetail.description}}</div>
	                                    <div ng-if="salaryDetail.descriptionCor==null && salaryDetail.description==null">{{salaryDetail.description}}</div>
	                                </td>
	                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="row" style="padding-left: 15px;">
                        <div z-Pagination total-Data='viewModel.totalData'
                             per-Page='viewModel.perPage'
                             current-Page='viewModel.rowCount'
                             on-Click="viewModel.changePage()"
                             on-Change-Per-Page="viewModel.changePage()"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
